<template>
  <div class="m-topbar">
    <div class="page-all clearfix">
      <div class="f1 l">
        <span>欢迎来到没得比！</span>
        <span>
          <a href="#" class="tologin">
            <span @click="tologin">
              <router-link to="/login">请登录</router-link>
            </span>
            <span class="el-icon-arrow-down"></span>
          </a>
        </span>
        <span>|</span>
        <span>
          <a href="#">免费注册</a>
        </span>
      </div>
      <div class="fr r">
        <a
          href="//www.meidebi.com/manual/"
          onclick="_hmt.push(['_trackEvent','海淘教程','click','教程']);"
        >海淘教程</a> |
        <a
          href="//www.meidebi.com/appplugin.html"
          onclick="_hmt.push(['_trackEvent','app下载','click','app下载']);"
        >
          <i class="f-icon icon-mobile orange"></i>APP下载
        </a> |
        <a href="//www.meidebi.com/company/">商城导航</a> |
        <a href="//www.meidebi.com/brand/">品牌导航</a> |
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods:{
    tologin:function(){
      console.log('点击');
      // this.$router.push({path:+'/login'})
    }
  }
};
</script>
<style lang="less">
.m-topbar {
  background: #f7f7f7;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  color: #b5b5b5;
}
.l,
.r {
  display: inline-block;
}
.l a,
.r a {
  color: #b5b5b5;
}
.l span {
  margin: 0 5px;
}
.r a {
  margin: 0 5px;
}
.tologin {
  display: inline-block;
  height: 30px;
}
.tologin:first-child {
  padding: 0 5px;
}
.tologin:hover {
  background-color: white;
  color: orange;
}
</style>